<template>
    <div>
      <van-tabbar route class="qqTab" active-color="#31c27c">
        <van-tabbar-item replace  :to="{name:'home'}">
          <van-icon class="iconfont icon-yinyue"></van-icon>
          音乐馆
        </van-tabbar-item>
        <van-tabbar-item replace  :to="{name:'recommend'}">
          <van-icon class="iconfont icon-bangdan"></van-icon>
          榜单
        </van-tabbar-item>
        <van-tabbar-item replace  :to="{name:'dynamic'}">
          <van-icon class="iconfont icon-dongtai"></van-icon>
          动态
        </van-tabbar-item>
        <van-tabbar-item replace  :to="{name:'mine'}">
          <van-icon class="iconfont icon-wode"></van-icon>
          我的
        </van-tabbar-item>
      </van-tabbar>
    </div>
</template>

<script>
  export default {
    data(){
      return{
      }
    }
  }
</script>

<style lang="less">
  .qqTab {
    height: 6rem;
  }

  .qqTab .iconfont {
    /*padding-left: 0.3rem;*/
    text-align: center;
    padding-bottom: 0.5rem;
    font-size: 2rem;
    display: block;
  }
</style>
